<template>
	<div class="md-coupon-cells" :style="{marginTop: value.margin + 'px', padding: value.paddingy + 'px ' + value.paddingx + 'px'}">
		<div class="md-coupon-cell" v-for="i in 2">
			<div class="md-coupon-cell-body">
				<div class="md-coupon-cell-box">
					<div class="table-cell">
						<span class="price" :style="{color: value.color}">￥1200</span>
						<span class="condition" :style="{color: value.color}">满4000可用</span>
					</div>
					<div class="table-cell">
						<div class="btn" :style="{backgroundColor: value.btnColor}">立即领取</div>
					</div>
				</div>
				<div class="desc">
					<p>品牌优惠券，限制苹果(Apple) 、小米(MI)可用</p>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
export default {
	name: 'couponContent',
	props: {
		value: Object
	}
}
</script>

<style>
</style>